package myJs.myPkg

import slinky.core._
import slinky.core.annotations.react

import scala.scalajs.js
import scala.scalajs.js.annotation.JSImport
import scala.scalajs.js.|
import org.scalajs.dom.History
import slinky.core.facade.ReactElement
import slinky.web.html.a

/**
 * Created by yz on 7/2/2022
 */

@JSImport("react-image-lightbox/style.css", JSImport.Default)
@js.native
object LightboxCss extends js.Object

@react object Lightbox extends ExternalComponent {

  private val css = LightboxCss

  case class Props(
                    mainSrc: js.UndefOr[String] = js.undefined,
                    onCloseRequest: js.UndefOr[() => Unit] = js.undefined,
                    nextSrc: js.UndefOr[String] = js.undefined,
                    prevSrc: js.UndefOr[String] = js.undefined,
                    onMoveNextRequest: js.UndefOr[() => Unit] = js.undefined,
                    onMovePrevRequest: js.UndefOr[() => Unit] = js.undefined,
                    imageTitle: js.UndefOr[String] = js.undefined,
                  )

  @js.native
  @JSImport("react-image-lightbox", JSImport.Default)
  object Component extends js.Object {

  }

  override val component = Component

}
